<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css">
    <link rel="stylesheet" href="http://zj.hblqyxjy.com/zj/static/css/el-com.css">
    <link rel="stylesheet" href="http://zj.hblqyxjy.com/zj/static/css/style.css">

    <script src="//unpkg.com/vue@next"></script>
    <script src="//unpkg.com/element-plus"></script>
    <script src="//unpkg.com/@element-plus/icons-vue"></script>
    <script src="//unpkg.com/element-plus/dist/locale/zh-cn"></script>
    <script src="//unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="app" style="padding: 10px">
    <big-page
            ref="refPage"
            :config="page.config"
            :render="page.render"
            :event="page.event"
            :behavior="page.behavior">
    </big-page>
</div>
</body>
<script type="module">
    import bigPage from 'http://zj.hblqyxjy.com/zj/components/page/bigPage.js'
    import bigForm from 'http://zj.hblqyxjy.com/zj/components/form/bigForm.js'
    import bigFormTransmit from 'http://zj.hblqyxjy.com/zj/components/formTransmit/bigFormTransmit.js'
    import modal from 'http://zj.hblqyxjy.com/zj/plugins/modal.js'
    import request from 'http://zj.hblqyxjy.com/zj/utils/request.js'

    const vueConfig={

        data(){
            return {
                page:{
                    config:{
                        paginationDetail: {
                            config:{
                                pageSize:10,
                                pageNum:1,
                                total:10
                            }
                        },
                        tableDetail: {
                            config: {
                                tableData: [
                                    {id: '1', name: '姓名', age: '122'},

                                ],
                                tableLabel:[
                                    {
                                        label: '姓名',
                                        prop: 'name',
                                    }, {
                                        label: '年龄',
                                        prop: 'age',
                                    }
                                ],
                                operation:[
                                    {
                                        name: '详情',
                                        icon: 'Place',
                                        method: function(){}
                                    }],
                            },
                            event: {
                            }
                        },
                        operationDetail: {
                            config: [
                                {
                                    value: '搜索',
                                    type: 'primary',
                                    plain: true,
                                    beforeIcon: 'Search',
                                    endIcon: 'Memo',
                                    method: function(){},
                                    width: '100px'
                                }
                            ]
                        },
                        formDetail: {
                            config: {
                                formArray: [
                                    {
                                        config: {
                                            // type:'textarea',
                                            name: 'name',//表单控件绑定值
                                            label: '姓名',//表单控件label
                                            defaultValue: '王某',//表单控件初始化默认值
                                            placeholder: '请输入',//表单控件占位文本
                                        },
                                    },
                                ],
                            },
                            render:{
                                size:"default"
                            }
                        },

                    },
                    render:{
                        maxHheight: 999
                    },
                    event:{

                    },
                    behavior:{

                    }
                }
            }
        },
        methods(){

        },
        components: {
            bigPage,bigForm
        },
        mounted() {

        }
    }

    const page = Vue.createApp(vueConfig);

    page.use(ElementPlus, {
        locale: ElementPlusLocaleZhCn,
    });
    page.use(modal);
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        page.component(key, component)
    }
    page.mount("#app");




</script>
</html>

